extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/shop.min.css')
    link(rel='stylesheet' type='text/css' href='../css/deposit.min.css')
    include common/head
    div.deposit-container.shop-container
        include common/nav
        div.seller-content.clearfix
            div.left-wrap
                div.category-wrapper
                    div.category
                        div.level-1
                            i.icon.icon-home
                            span 首页
                    div.category
                        div.level-1
                            i.icon.icon-baibeigunali
                            span 宝贝管理
                        ul.list
                            li
                                a 发布宝贝
                            li
                                a 出售中的宝贝
                            li
                                a 仓库中的宝贝
                            li
                                a 橱窗推荐
                    div.category
                        div.level-1
                            i.icon.icon-price
                            span 交易管理
                        ul.list
                            li
                                a 订单管理
                            li
                                a 物流工具
                            li
                                a 评价管理
                    div.category
                        div.level-1
                            i.icon.icon-dianpu2
                            span 店铺管理
                        ul.list
                            li
                                a 查看我的店铺
                            li
                                a 店铺基本设置
                            li
                                a 店铺装修
                            li
                                a 图片空间
                            li
                                a 宝贝分类管理
                    div.category
                        div.level-1
                            i.icon.icon-kefu
                            span 客服管理
                        ul.list
                            li
                                a 退款管理
                    div.category.active
                        div.level-1
                            i.icon.icon-zhanghu
                            span 消费者保障服务
                        ul.list
                            li
                                a 保证金
                            li.active
                                a 到期保障
                            li
                                a 账户管理
                    div.category
                        div.level-1
                            i.icon.icon-ziyuan
                            span 资源中心
                        ul.list
                            li
                                a 网站资源
                            li
                                a 素材包
            div.right-wrap
                div.main-wrap
                    p.first-title
                        span.gray-font 消费者保障服务>
                        span 账期保障
                    div.dep-wrap
                        p 账期保障
                        p.gray-font 未开通
                        button.btn.btn-orange.btn-sub 开通
                        div.tip.gray-font
                            p 交易贷款账期延长
                            p （确认收货后15天届满或售后完成后，账期解除，资金转为账户可用余额）
                    div.bill-wrap
                        p 账期保障协议签署记录
                        table
                            thead
                                tr
                                    th 服务名称
                                    th 操作时间
                                    th 单价
                            tbody
                                tr
                                    td 账期保障
                                    td 2019-09-09 14:23:45
                                    td.red-font 退出
                                tr
                                    td 账期保障
                                    td 2019-09-09 14:23:45
                                    td.blue-font 加入
    script.
        //false 未开通 true 已开通
        var isStatus = false;
        $(".btn-sub").click(function () {
            isStatus = !isStatus;
            isStatus ? $(this).text("退出") : $(this).text("开通");
            isStatus ? $(this).prev("p").text("已开通") : $(this).prev("p").text("未开通");
        })